<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="{MODULE_URL}template/mobile/style/style1/static/css/region.css" />
    <!--css-->
    <link rel="stylesheet" type="text/css" href="{MODULE_URL}template/mobile/style/style1/static/css/car.css" />
    <script type="text/javascript" src="{MODULE_URL}template/mobile/style/style1/static/js/zepto.js"></script>
    <script type="text/javascript" src="{MODULE_URL}template/mobile/style/style1/static/js/zepto.fix.js"></script>
    <title>{$region['title']}</title>
</head>

<body>
    <!--page-->
    <div id="page">
        <header id="header">
            <div class="header_div">
                <div id="left_div" onClick="window.location.href='{php echo $this->createMobileUrl('car',array('op' => 'list'))}'"></div>
                <div id="middle_div">
                    <h1 id="title">小区拼车</h1></div>
                <div id="right_div">
                    <div class="right_bottom"></div>
                    <div class="right_img"></div>
                </div>
            </div>
        </header>
        <!--cont-->
        <div class="cont">
            <aside class="car_top">
                <div class="cartop_l">
                    <div style="margin : 5px 0px 10px 8px; font-size:16px;color:#F60;">{$item['title']}</div>
                    <ul>
                        <li><span class="start_y">{$item['start_position']}</span></li>
                        <li><span class="end_y">{$item['end_position']}</span></li>
                    </ul>
                </div>
            </aside>
            <section class="car_middle">
                <div class="cm_box">
                    <div class="cm_l">
                        <div class="car_header"><img src="{$userinfo['avatar']}" />
                            <span class="man"><em></em></span>
                        </div>
                    </div>
                    <div class="cm_r">
                        <ul>
                            <li class="car_name">{$item['contact']}</li>
                            <li><span class="label">身份：</span>
                                <span class="siji_span">{if $item['type'] == 1} 司机{else}乘客 {/if}</span></li>
                            <!-- <li><span class="label">已浏览：</span><span class="numcs">20</span>次</li>
                            <li><span class="label">手机：</span><a href="tel:{}" class="orange">15171706923</a></li> -->
                        </ul>
                    </div>
                </div>
                <a href="tel:{$item['mobile']}" class="contact_a">立即联系</a>
            </section>
            <section class="car_bottom">
                <h3>其他信息</h3>
                <ul class="bottom_cr_ul">
                    <li><span class="label">发布时间：</span>{php echo date('Y-m-d H:i',$item['createtime'])}</li>
                    <li><span class="label">出发时间：</span>{$item['gotime']}</li>
                    <li><span class="label">返回时间：</span>{$item['backtime']}</li>
                    <li><span class="label">费用（元）：</span><span class="orange_span">{$item['sprice']}</span>元/人</li>
                    <li><span class="label">空位：</span>{$item['seat']}位</li>
                </ul>
            </section>
        </div>
    </div>
    <!--右边点击菜单-->
    <div id="btn_div">
        <div id="btn_dj"><span id="btn_input" class="btn_img hide_b"></span></div>
        <div id="menu_b" class="menu_btn hide_m">
            <a href="{php echo $this->createMobileUrl('car',array('op' => 'add'))}">发布信息</a><a href="{php echo $this->createMobileUrl('car',array('op' => 'my'))}">我的发布</a></div>
    </div>
    <script>
    $(function() {
        $("#btn_div").fix({
            right: 0,
            bottom: 120
        })
        $("#btn_dj").click(function() {
            var input_btn = $("#btn_input")
            if (input_btn.attr("class") == "btn_img hide_b") {
                input_btn.removeClass();
                input_btn.addClass("btn_img show_b");
            } else {
                input_btn.removeClass();
                input_btn.addClass("btn_img hide_b");
            }
            var menu_b = $("#menu_b")
            if (menu_b.attr("class") == "menu_btn hide_m") {
                menu_b.removeClass();
                menu_b.addClass("menu_btn show_m");
            } else {
                menu_b.removeClass();
                menu_b.addClass("menu_btn hide_m");
            }
        })
    })
    </script>
{template 'style/style1/footer'}

</body>

</html>
